<template>
  <div class="top">
    <div class="saoma">
      <span class="iconfont icon-saoma"></span>
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
  .top{
    height: 1.07rem;
    border-radius: 0 0 .1rem .1rem;
    background-image:url('https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fqqpublic.qpic.cn%2Fqq_public%2F0%2F0-3454580082-FE6F5D048EF92D51E516BFD5BD7E7CC7%2F0%3Ffmt%3Djpg%26size%3D54%26h%3D325%26w%3D900%26ppv%3D1.jpg&refer=http%3A%2F%2Fqqpublic.qpic.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1648109804&t=469999a96ad14105fe755986ca9ef925');
    background-size: 100%;
    position: relative;
  }
  .top .saoma{
    width: .34rem;
    height: .34rem;
    border-radius: 50%;
    background-color: rgba(0,0,0,0.3);
    text-align: center;
    line-height: .34rem;
    position: absolute;
    right: .1rem;
    top: 30%;
  }
  .icon-saoma{
    font-size: .2rem;
    color: white;
  }
</style>